<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Google Visualization API Sample</title>
  <script type="text/javascript" src="//www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load('visualization', '1');
    {{ INSERT_JAVASCRIPT_HERE }}
    google.setOnLoadCallback(drawVisualizations);
  </script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div style="border: 1px solid red">
  Your Own Visualization, very simple visualization. 
  <br />
  This visualization supports one parameter ("showLineNumber"). 
  <br />
  This example is simplified, and serves only as a demonstration
  of how to write your own visualization, 
  <br />
  and not how to write the best DOM manipulation java script code.
  <br />
</div>
<br />
<table>
  <tbody>
    <tr>
      <td>
        <div>
          Usage example without line numbers:
          <div id="visualization_without_line_numbers" style="width: 400px; height: 400px;"></div>
        </div>
      </td>
      <td>
        <div>
          Usage example with line numbers:
        </div>
        <div id="visualization_with_line_numbers" style="width: 400px; height: 400px;"></div>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>
